<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script type="module">
// ES6 - module 的用法：  导出(export)-在JS文件中 +  导入(import)-<script> / JS 中
  // 1）导出：export var 变量名;    导入： import { 变量名, 变量名, ... } from '目标js文件';
  // 2) 导出：export default 变量名;    导入： import 任意变量名 from '目标js文件';
        // 每个 导出的 JS文件，只能有一个 default;  导入的default 不需要 {}
        // import 的 default 和 { 变量名 }  是能同时初见
        // import 的 default 的变量，可以是任意名，因为 export default 导出的内容 本质是 赋值给了 import
  // 3) 若我想 import 所有的 export （包括 default） 怎么办：
    // import * as any变量名 from '目标js文件';

  // 4) 只能用 Live Server（实时加载的小服务器） 打开
    import  {fn}  from './module.js';
    fn(23)
</script>